<%@ page contentType="text/html" pageEncoding="UTF-8"%>
<% response.setContentType("text/html; charset=UTF-8");%>
<% request.setCharacterEncoding("utf-8");%>

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Thi trắc nghiệm online</title>
		<link rel="stylesheet" href="css/style.css" type="text/css" />
		<script type="text/javascript" src="js/general_functions.js"></script>
		<link rel="stylesheet" href="css/signup.css" type="text/css" />
		<script type="text/javascript" src="js/signup.js"></script>
		<link rel="stylesheet" href="css/jquery-ui-1.8.20.css" type="text/css" />
		<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.20.js"></script>
	</head>
	<body>

		<!-- BEGIN Header -->
		<div id="header">
			<div id="header-content">
				<h1><span>styleshout</span></h1>
				<h2 id="slogan">Thi trắc nghiệm online</h2>
			</div>
		</div>
		<!-- END Header -->


		<!-- BEGIN Content -->
		<div id="content">
			<div id="signup_form">
				<table class="uiGrid editor" cellpadding="1" cellspacing="0">
					<tbody>
						<tr>
							<td class="label"><label for="hoten">Họ Tên :</label></td>
							<td>
								<div class="field_container">
									<input class="inputtext" id="hoten" name="hoten" type="text" size ="30" maxlength="30" title="Họ tên không quá 30 ký tự" placeholder="Họ tên không quá 30 ký tự">
									<span class="hint" id="hint_hoten"></span>
								</div>
							</td>
						</tr>
						<tr>
							<td class="label"><label for="cmnd">CMND :</label></td>
							<td>
								<div class="field_container">
									<input class="inputtext" id="cmnd" name="cmnd" type="text" size ="30" maxlength="9" title="CMND gồm 9 chữ số" placeholder="CMND gồm 9 chữ số">
									<span  class="hint" id="hint_cmnd"></span>
								</div>
							</td>
						</tr>
						<tr>
							<td class="label"><label for="ngaysinh">Ngày sinh :</label></td>
							<td>
								<div class="field_container">
									<input class="inputtext" id="ngaysinh" name="ngaysinh" type="text" size ="30" maxlength="10" title="Theo định dạng yyyy-mm-dd" placeholder="Theo định dạng yyyy-mm-dd">
									<span  class="hint" id="hint_ngaysinh"></span>
									<script type="text/javascript">
										$(function() {
											$( "#ngaysinh" ).datepicker({
												dateFormat: 'yy-mm-dd',
												firstDay: 1,
												monthNames: ["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],
												monthNamesShort: ["Th.1","Th.2","Th.3","Th.4","Th.5","Th.6","Th.7","Th.8","Th.9","Th.10","Th.11","Th.12"],
												showOtherMonths: true,
												showButtonPanel: true,
												selectOtherMonths: false,
												closeText: "Close",
												dayNames: ["Chủ nhật", "Thứ 2", "Thứ 3", "Thứ 4", "Thứ 5", "Thứ 6", "Thứ 7"],
												dayNamesMin: ["CN","T2","T3","T4","T5","T6","T7"],
												changeMonth: true,
												changeYear: true,
												yearRange: (new Date()).getFullYear()-150 + ":" + (new Date()).getFullYear()
											});
										});
									</script>
								</div>
							</td>
						</tr>
						<tr>
							<td></td>
							<td>
								<div id="signup_failed"></div>
								<input class="lable" id="btnSubmit" type="button" value="Đăng ký" style="margin-left: 100px;" onclick="signup_submit();">
								<br/><br/><a href="login.jsp" style="font-size: 14; margin-left: 100px;"><i>Đăng nhập</i></a>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<!-- END Content -->

		<!-- BEGIN footer -->
		<div id="footer">
			<div id="footer-content">
				<div class="footer-left">
					<p style="text-align: right">
						&copy; copyright 2006-2011 <strong class="separator">www.styleshout.com</strong>
					</p>
				</div>
			</div>
		</div>
		<!-- END footer -->

	</body>
</html>
